<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable = 0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>慢慢买凑单品</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/gsproduct.css">
  <script src="./lib/jquery/jquery.min.js"></script>
  <script src="./lib/artTemplate/template-web.js"></script>
  <script src="./js/rem.js"></script>
  <script src="./js/gsproduct.js"></script>
</head>

<body>
  <!-- 头部区域 -->
  <header class="mmm_header clearfix">
    <div class="header-logo">
      <a href="JavaScript:;">
      </a>
    </div>
    <h1 class="middle">凑单品</h1>
    <div class="header-link">
      <a href="JavaScript:;">
        <img src="./images/header_app.png" alt="">
      </a>
    </div>
  </header>

  <!-- 内容部分 -->
  <div class="mmm_hd">
    <ul class="hd-tit">
      <li class="on" data-id="getgsshop">
        <a class="shop">京东 <i></i></a>

      </li>
      <li class="on one-txt-cut" data-id="getgsshoparea">
        <a class="area">华北 <i></i></a>

      </li>
      <li class="on">
        <a class="total">全部价格 <i></i></a>

      </li>
      <div id="shop" class="popsort" style="display: none;">
        <ul>
        </ul>
      </div>
      <div id="area" class="popsort" style="display: none;">
        <ul>
        </ul>
      </div>
      <div id="total" class="popsort" style="display: none;">
        <ul>
          <li class=""><a>全部价格</a></li>
        </ul>
      </div>

    </ul>
    <div class="inner-item">
      <ul>
        <li>
          <a href="http://item.m.jd.com/ware/view.action?wareId=1274360" class="item border-img">
            <img src="http://img14.360buyimg.com/n7/jfs/t1957/340/2922285422/225634/3724591c/5721c55cNaabfef46.jpg">
            <div class="title">微软(Microsoft)Office ESD 测试产品</div>
            <div class="other">
              <div class="price">¥0.10</div>
              <div class="btn">去凑单</div>
            </div>
          </a>
        </li>
      </ul>
    </div>
  </div>

  <!-- 底部 -->
  <!-- @@include ./template/footer.html -->


  <script type="text/html" id="tmp1">
    {{ each result v i }}
    <li class="" data-id= "{{ v.shopId }}"><a>{{ v.shopName }}</a></li>
    {{ /each }}
  </script>
  <script type="text/html" id="tmp2">
    {{ each result v i }}
    <li class="" data-id= "{{ v.areaId }}"><a>{{ v.areaName }}</a></li>
    {{ /each }}
  </script>

  <script type="text/html" id="tmp3">
    {{ each result v i }}
    <li>
      <a href="http://item.m.jd.com/ware/view.action?wareId=1274360" class="item border-img">
        <img src="{{ v.productImg }}">
        <div class="title">{{ v.productName }}</div>
        <div class="other">
          <div class="price">{{ v.productPrice }}</div>
          <div class="btn">去凑单</div>
        </div>
      </a>
    </li>
    {{ /each }}
  </script>

</body>

</html>